@IOS7_ACCORDION_ITEM_BORDER_RADIUS: 6px;
@IOS7_ACCORDION_ITEM_BODY_CONTENT_PADDING: 6px 10px 18px;
@IOS7_ACCORDION_ITEM_BOTTOM_MARGIN: 2px;
@IOS7_ACCORDION_ITEM_TITLE_PADDING: 9px 10px;

@IOS7_ACCORDION_ARROW_LINE_HEIGHT: 21px;
@IOS7_ACCORDION_ARROW_SIZE: 18px;
@IOS7_ACCORDION_ICON_SIZE: 18px;


.dx-accordion-item {
    border: 1px solid @IOS7_ACCORDION_BORDER_COLOR;
    border-radius: @IOS7_ACCORDION_ITEM_BORDER_RADIUS;
    margin-bottom: @IOS7_ACCORDION_ITEM_BOTTOM_MARGIN;

    .dx-icon {
        .dx-icon-sizing(@IOS7_ACCORDION_ICON_SIZE);
    }

    &.dx-state-active {
        border-color: @IOS7_ACCORDION_ITEM_ACTIVE_STATE_BORDER_COLOR;
    }
}

.dx-accordion-item-opened {
    &.dx-accordion-item {
        border-color: @IOS7_LINK;
    }

    & > .dx-accordion-item-title {
        font-weight: bold;

        &:before {
            content: "\f014";
        }
    }
}

.dx-accordion-item-title {
    color: @IOS7_LINK;
    font-size: 16px;
    padding: @IOS7_ACCORDION_ITEM_TITLE_PADDING;

    &:before {
        font-weight: bold;
        color: @IOS7_LINK;
        content: "\f016";
        font-family: DXIcons;
        font-size: @IOS7_ACCORDION_ARROW_SIZE;
        margin-left: @IOS7_ACCORDION_ICON_SIZE/2;
        margin-right: 0;
        line-height: @IOS7_ACCORDION_ARROW_LINE_HEIGHT;
    }

    .dx-icon {
        .dx-icon-margin(@IOS7_ACCORDION_ICON_SIZE/2);
        display: inline-block;
    }
}

.dx-accordion-item-body {
    padding: @IOS7_ACCORDION_ITEM_BODY_CONTENT_PADDING;
}

.dx-rtl {
    .dx-accordion-item-title {
        &:before {
            margin-right: @IOS7_ACCORDION_ICON_SIZE/2;
            margin-left: 0;
        }
    }
}
